{extend name="template/base" /}
{block name="nav"}{/block}
{block name="content"}
<div class="page-container">
    <form class="form form-horizontal" id="form" method="post" action="{:\\think\\Request::instance()->baseUrl()}">
        <input type="hidden" name="id" value="{$vo.id ?? ''}">
        <div class="row cl">
            <label class="form-label col-xs-3 col-sm-3"><span class="c-red">*</span>村名：</label>
            <div class="formControls col-xs-6 col-sm-6">
                <input type="text" class="input-text" value="{$vo.name ?? ''}" placeholder="" name="name" datatype="*"
                    nullmsg="请填写乡村名称">
            </div>
            <div class="col-xs-3 col-sm-3"></div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-3 col-sm-3"><span class="c-red">*</span>标签：</label>
            <div class="formControls col-xs-6 col-sm-6">
                <input type="text" class="input-text" value="{$vo.tag ?? ''}" placeholder="" name="tag" datatype="*"
                    nullmsg="请填写乡村标签">
            </div>
            <div class="col-xs-3 col-sm-3"></div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-3 col-sm-3"><span class="c-red">*</span>详情：</label>
            <div class="formControls col-xs-6 col-sm-6">
                <script id="editor" name="detail" type="text/plain"
                    style="height:400px">{if condition="isset($vo.detail)"}{$vo.detail|htmlspecialchars_decode=###}{/if}</script>
            </div>
            <div class="col-xs-3 col-sm-3"></div>
        </div>
        <div class="row cl">
            <div class="row cl">
                <label class="form-label col-xs-3 col-sm-3"><span class="c-red">*</span>乡村图片：</label>
                <div class="formControls col-xs-6 col-sm-6">
                    <input type="text" readonly class="input-text" value="{$vo.thumb ?? ''}" name="thumb" id="upload"
                        placeholder="请点击后面的上传按钮" datatype="*" nullmsg="请填写图片url" style="width: 70%">
                    <button type="button" class="btn btn-primary radius"
                        onclick="layer_open('文件上传','{:\\think\\Url::build(\'Upload/index\', [\'id\' => \'upload\'])}')">上传</button>
                    <a onclick="$(this).attr('href', 'http://{$Request.host}/public'+$('#upload').val())" type="button"
                        class="btn btn-success radius" data-lightbox="preview">预览</a>
                </div>
                <div class="col-xs-3 col-sm-3"></div>
            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-3 col-sm-3"><span class="c-red">*</span>热度：</label>
            <div class="formControls col-xs-6 col-sm-6">
                <input type="text" class="input-text" value="{$vo.focus_sum ?? ''}" placeholder="" name="focus_sum"
                    datatype="*" nullmsg="请填写热度">
            </div>
            <div class="col-xs-3 col-sm-3"></div>
        </div>
        <div class="row cl">
            <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-3">
                <button type="submit" class="btn btn-primary radius">&nbsp;&nbsp;提交&nbsp;&nbsp;</button>
                <button type="button" class="btn btn-default radius ml-20"
                    onClick="layer_close();">&nbsp;&nbsp;取消&nbsp;&nbsp;</button>
            </div>
        </div>
    </form>
</div>
{/block}
{block name="script"}
<script type="text/javascript" src="__LIB__/Validform/5.3.2/Validform.min.js"></script>
<script type="text/javascript" src="__LIB__/showdown/1.4.2/showdown.min.js"></script>
<script>window.UEDITOR_HOME_URL = '__LIB__/ueditor/1.4.3/'</script>
<script type="text/javascript" charset="utf-8" src="__LIB__/ueditor/1.4.3/ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="__LIB__/ueditor/1.4.3/ueditor.all.min.js"> </script>
<script type="text/javascript" charset="utf-8" src="__LIB__/ueditor/1.4.3/lang/zh-cn/zh-cn.js"></script>
<script>
    $(function () {
        $("[name='status'][value='{$vo.status ?? '1'}']").attr("checked", true);

        $('.skin-minimal input').iCheck({
            checkboxClass: 'icheckbox-blue',
            radioClass: 'iradio-blue',
            increaseArea: '20%'
        });
        var ue = UE.getEditor('editor', {
            serverUrl: '{:\\think\\Url::build("Ueditor/index")}'
        });
        var converter = new showdown.Converter(),
            text = $("#markdown_tpl").html();
        $("#markdown").html(converter.makeHtml(text));
        $("#form").Validform({
            tiptype: 2,
            ajaxPost: true,
            showAllError: true,
            callback: function (ret) {
                ajax_progress(ret);
            }
        });
    })
    let temp = 0;
    function addUpImg() {
        let imgLen = $('.img-del').length;
        if (imgLen >= 8) return alert("最多能添加9张图片");
        let upload = 'upload' + Math.round(Math.random() * 10000) + (temp++);
        let html = "<div style='margin-top: 5px'><input type=\"text\" readonly class=\"input-text\" name=\"thumb[]\" value=\"{$vo.thumb ?? ''}\" id=\"" + upload + "\" placeholder=\"请点击后面的上传按钮\" datatype=\"*\" nullmsg=\"请填写图片url\" style=\"width: 300px\">\n" +
            "                        <button type=\"button\" class=\"btn btn-primary radius\" onclick=\"layer_open('文件上传','/admin/upload/index/id/" + upload + ".html')\">上传</button>\n" +
            "                        <a onclick=\"$(this).attr('href', 'http://{$Request.host}/public'+$('#" + upload + "').val())\" type=\"button\" href=\"\" class=\"btn btn-success radius\" data-lightbox=\"example-1\">预览</a>\n" +
            "                        <span class='img-del' style=\"margin-left: 10px;\" onclick=\"$(this).parent('div').remove()\">删除</span></div>";
        $('#up-box').append(html);
    }
</script>
{literal}
<script type="text/plain" id="markdown_tpl">
</script>
{/literal}
{/block}